<template>
  <div class="info-content">
    <el-collapse v-model="active">
      <el-collapse-item v-for="info in infos" :key="info.key" :title="info.title" :name="info.key">
        <!--    系统模块-->
        <template>
          <logger-drawer></logger-drawer>
        </template>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
import '@toast-ui/editor/dist/toastui-editor.css'
import 'highlight.js/styles/github.css'
import InfoTable from './info-table.vue'
import LoggerDrawer from '../logger/Index.vue'

export default {
  name: 'InfoContent',
  components: {
    LoggerDrawer,
    InfoTable
  },
  props: {
    infos: {
      type: Array,
      default: function() {
        return []
      }
    }
  },
  data() {
    return {
      active: []
    }
  },
  computed: {}
}
</script>

